module.exports = {
  purge: [
    './components/**/*.{vue,js}',
    './submodules/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],
  darkMode: false, // or 'media' or 'class'
  prefix: '',
  theme: {
    extend: {},
    colors: {
      transparent: 'transparent',
      current: 'currentColor',

      black: '#000',
      white: '#fff',

      gray: {
        50: '#f9fafb',
        100: '#f3f4f6',
        200: '#e5e7eb',
        300: '#d1d5db',
        400: '#9ca3af',
        500: '#6b7280',
        600: '#4b5563',
        700: '#374151',
        800: '#1f2937',
        900: '#111827',
        950: '#030712',
        1000: '#191919',
        1100: '#EEEEEE',
        1200: '#E9EBF1',
        1300: '#CCCCCC',
        1400: '#7F7F7F',
        1500: '#666666',
        1600: '#D5D5D5',
        1700: '#F9FAFB',
        1800: '#2f3032',
        1900: '#BFBFBF',
        2000: '#E5E5E5',
        2100: '#F0F2F4',
        2200: '#E6EAF0',
        2300: '#B4B4B4',
        2400: '#fafafa',
        2500: '#9F9F9F',
        2600: '#F8F9FB',
        2700: '#212121',
        2800: '#757575',
        2900: '#090909',
        3000: '#BDBDBD',
        3100: '#EDEEF0',
        3200: '#F3F3F3',
        3300: '#F2F3F5',
        3400: '#979797',
      },
      purple: {
        1000: '#EDE9FE',
        1100: '#8333C2',
        1200: '#8948bc',
        1300: '#7150E6',
        1400: '#6243D1',
        1500: '#CDC4F2',
        1600: '#F9F7FF',
        1700: '#51418C',
        1800: '#EDE8FB',
        1900: '#F7F3FF',
        2000: '#48309D',
        2100: '#F4F2FA',
        2200: '#FBFAFF',
        2300: '#774EEF',
        2400: '#F0F0FF',
        2500: '#d4cbf8',
        2600: '#f1eefd',
      },
      blue: {
        1000: '#60A5FA',
        1100: '#4174F6',
        1200: '#3B82F6',
        1300: '#3E74EF',
        1400: '#4277EF',
        1500: '#376ADE',
        1600: '#3461D1',
        1700: '#F3F7FF',
        1800: '#2D76FF',
      },
      yellow: {
        1000: '#F2943D',
        1100: '#FFCEB0',
        1200: '#FFF7F2',
        1300: '#FF8000',
      },
      green: {
        1000: '#00AB5E',
        1100: '#11A683',
        1200: '#03A7EF',
        1300: '#81D3F8',
      },
      orange: {
        1000: '#F56400',
      },
      leading: {
        11: '60px',
      },
      red: {
        1000: '#FF4D4F',
        500: '#ef4444',
      },
    },
  },
  variants: {
    extend: {
      display: ['responsive', 'group-hover'],
    },
  },
  plugins: [],
  important: true,
}
